<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="base.css">
    <script src="jquery-2.2.3.js"></script>
</head>
<body>
<div id="wrapper">
    <div class="header">
        <div class="left">
            <a href="../首页/首页.html">
                <img src="images/icon_back_n.png" alt="">
            </a>
        </div>
        <p>商品分类</p>
        <div class="right">
            <a href="../首页/search.html">
                <img src="images/search.png" alt="">
            </a>
        </div>
    </div>
    <div class="list">
        <section class="m1">
            <h2>手机/平板/电话卡</h2>
            <ul>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-1.png" alt="">
                        <p>小米5</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-2.png" alt="">
                        <p>小米4s</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-3.png" alt="">
                        <p>小米Note</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-4.png" alt="">
                        <p>小米4c</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-5.png" alt="">
                        <p>小米4</p>
                    </a>

                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-6.png" alt="">
                        <p>红米3</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-7.png" alt="">
                        <p>红米Note3</p>
                    </a>

                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-8.png" alt="">
                        <p>小米平板2</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-9.png" alt="">
                        <p>电信手机</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-10.png" alt="">
                        <p>官翻机</p>
                    </a>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T1-11.png" alt="">
                        <p>小米移动</p>
                    </a>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m2">
            <h2>电视/盒子</h2>
            <ul>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-1.png" alt="">
                    </a>
                    <p>小米电视43"</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-2.png" alt="">
                    </a>
                    <p>小米电视48"</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-3.png" alt="">
                    </a>
                    <p>分体电视55"</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-4.png" alt="">
                    </a>
                    <p>分体电视60"</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-5.png" alt="">
                    </a>
                    <p>曲面电视65"</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-6.png" alt="">
                    </a>
                    <p>分体电视70"</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-7.png" alt="">
                    </a>
                    <p>主体/低音炮</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-8.png" alt="">
                    </a>
                    <p>家庭音响</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-9.png" alt="">
                    </a>
                    <p>小米盒子3</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-10.png" alt="">
                    </a>
                    <p>盒子mini版</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-11.png" alt="">
                    </a>
                    <p>蓝牙手柄</p>
                </li>
                <li>
                    <a href="../首页/商品列表.html">
                        <img src="images/T2-12.png" alt="">
                    </a>
                    <p>电视/盒子配件</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m3">
            <h2>智能硬件/路由器</h2>
            <ul>
                <li>
                    <a href="">
                        <img src="images/T3-1.png" alt="">
                    </a>
                    <p>净化器/滤芯</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-2.png" alt="">
                    </a>
                    <p>净水器/滤芯</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-3.png" alt="">
                    </a>
                    <p>九号平衡车</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-4.png" alt="">
                    </a>
                    <p>智能家庭组合</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/3-5.png" alt="">
                    </a>
                    <p>曲面电视65"</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-6.png" alt="">
                    </a>
                    <p>分体电视70"</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-7.png" alt="">
                    </a>
                    <p>主体/低音炮</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-8.png" alt="">
                    </a>
                    <p>家庭音响</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-9.png" alt="">
                    </a>
                    <p>小米盒子3</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-10.png" alt="">
                    </a>
                    <p>盒子mini版</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-11.png" alt="">
                    </a>
                    <p>蓝牙手柄</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-12.png" alt="">
                    </a>
                    <p>电视/盒子配件</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-13.png" alt="">
                    </a>
                    <p>电视/盒子配件</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-14.png" alt="">
                    </a>
                    <p>电视/盒子配件</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-15.png" alt="">
                    </a>
                    <p>电视/盒子配件</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T3-16.png" alt="">
                    </a>
                    <p>电视/盒子配件</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m4">
            <h2>耳机/音箱/存储卡</h2>
            <ul>
                <li>
                    <a href="">
                        <img src="images/T4-1.png" alt="">
                    </a>
                    <p>蓝牙耳机</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T4-2.png" alt="">
                    </a>
                    <p>圈铁耳机</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T4-3.png" alt="">
                    </a>
                    <p>活塞耳机</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T4-4.png" alt="">
                    </a>
                    <p>头戴式耳机</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T4-5.png" alt="">
                    </a>
                    <p>品牌耳机</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T4-6.png" alt="">
                    </a>
                    <p>音箱</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T4-7.png" alt="">
                    </a>
                    <p>存储卡</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m5">
            <h2>小米生活方式</h2>
            <ul>
                <li>
                    <a href="">
                        <img src="images/T5-1.png" alt="">
                    </a>
                    <p>服装</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-2.png" alt="">
                    </a>
                    <p>米兔</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-3.png" alt="">
                    </a>
                    <p>背包</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-4.png" alt="">
                    </a>
                    <p>旅行箱</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-5.png" alt="">
                    </a>
                    <p>自拍杆</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-6.png" alt="">
                    </a>
                    <p>鼠标垫</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-7.png" alt="">
                    </a>
                    <p>随身WiFi</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-8.png" alt="">
                    </a>
                    <p>生活周边</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-9.png" alt="">
                    </a>
                    <p>支架</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-10.png" alt="">
                    </a>
                    <p>防尘塞</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T5-11.png" alt="">
                    </a>
                    <p>自拍补光灯</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m6">
            <h2>保护类配件</h2>
            <ul>
                <li>
                    <a href="">
                        <img src="images/T6-1.png" alt="">
                    </a>
                    <p>保护套/保护壳</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T6-2.png" alt="">
                    </a>
                    <p>贴膜</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T6-3.png" alt="">
                    </a>
                    <p>后盖</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T6-4.png" alt="">
                    </a>
                    <p>帖纸</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m7">
            <h2>移动电源/插线板/电池</h2>
            <ul>
                <li>
                    <a href="">
                        <img src="images/T7-1.png" alt="">
                    </a>
                    <p>小米移动电源</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T7-2.png" alt="">
                    </a>
                    <p>插线板</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T7-3.png" alt="">
                    </a>
                    <p>电池</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T7-4.png" alt="">
                    </a>
                    <p>充电器</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T7-5.png" alt="">
                    </a>
                    <p>线材</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T7-6.png" alt="">
                    </a>
                    <p>品怕移动电源</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>
        <section class="m8">
            <h2>优惠套装</h2>
            <ul>
                <li>
                    <a href="">
                        <img src="images/T8-1.png" alt="">
                    </a>
                    <p>电源套装</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T8-2.png" alt="">
                    </a>
                    <p>智能硬件套装</p>
                </li>
                <li>
                    <a href="">
                        <img src="images/T8-3.png" alt="">
                    </a>
                    <p>旅行箱套装</p>
                </li>
                <div class="clr"></div>
            </ul>
        </section>

    </div>
</div>
<div class="footer">
    <ul>
        <li>
            <a href="../首页/首页.html">
                <div class="sc-spr"></div>
                <p>商城</p>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="fl-spr"></div>
                <p>分类</p>
            </a>
        </li>
        <li>
            <a href="../cart/index.html">
                <div class="gw-spr"></div>

                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="../user/index.html">
                <div class="fw-spr"></div>
                <p>服务</p>
            </a>
        </li>
    </ul>
</div>
</body>
</html>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size', 100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })
    });
</script>